import { createGlobalStyle } from "styled-components";
//@ts-ignore
import ruyiFont from "../assets/font/ruyi.ttf";

const GlobalStyle = createGlobalStyle`

 @font-face {
    font-family: 'ruyi';
    src:${() => `url(${ruyiFont}) format('TrueType')`}
  }

  a {
    /* color: inherit; */
    text-decoration: none;
  }

  body,div,section,p,span,img,ul,li,a,h1,h2,h3,h4,h5,h6,main{
    padding:0;
    margin:0;
    box-sizing: border-box;
    font-family: ruyi;
  }
  
  body,html{
    /* height:100%; */
    overflow-x:hidden ;
  }

  :root {
    --primary-color: #5511ff;
    --nav-height: 4rem;
  }

  ::-webkit-scrollbar-thumb {
    background: #e5daff;
    border-radius: 4px;
  }
  ::-webkit-scrollbar {
    width: 4px;
    height: 4px;
    background-color: var(--scrollbar-bg-color,#4D418F);
  }

  @media screen and (max-width: 750px){
  
  }
  @media screen and (orientation: landscape) and (max-height: 550px) {
   
  }
`;

export default GlobalStyle;
